{% extends "../_base/layout.html" %} 

{% block css %}
<link rel="stylesheet" href="{{site.static}}/css/login.css"> 
{%endblock%} 

{% block js %}
<script src="{{site.static}}/js/register/member.js"></script>
{% endblock %} 

{% block content %}
<div class="page-container">
    <div class="member-name-input" id="member_name_input">
        <div class="back-icon-wrap">
            <a class="eui-icon eui-icon-back" href="javascript:history.go(-1);"></a>
        </div>
    
        <h1 class="eui--blue-color eui--font-w-normal eui--font-48 eui--text-center page-title eui--margin-b-88">{{__("register_member_page_title")}}</h1>
    
        <form class="eui-login-form">
            <div class="eui-form-group">
                <label for="username" class="eui-lable eui--font-26">{{__("login_account_name")}}</label>
                <input class="eui-input eui--font-26" type="text" placeholder="{{__('member_name_input_tips')}}">
            </div>
            <div class="eui--margin-t-20">
                <p class="eui--949494-color eui--font-24">{{__("register_member_input_tips_1")}}</p>
                <p class="eui--949494-color eui--font-24">{{__("register_member_input_tips_2")}}</p>
                <p class="eui--949494-color eui--font-24">{{__("register_member_input_tips_3")}}</p>
            </div>
            <a class="eui-btn eui--width-100 eui-btn-lg eui-btn-primary" id="btn_member_name" href="javascript:;">{{__("btn_next")}}</a>
        </form>
        <div class="login-for-help eui--text-center">
            <a class="eui--display-b eui--556c96-color eui--font-26 eui--margin-b-20" href="/register/phone">{{__("register_phone_page_title")}}</a>
            <a class="eui--556c96-color eui--font-26" href="/login/question">{{__("login_help")}}</a>
        </div>
    </div>
    <div class="member-pwd-set eui--hide" id="member_pwd_set">
        <div class="back-icon-wrap">
            <a class="eui-icon eui-icon-back" href="javascript:;" id="btn_back_member_pwd"></a>
        </div>
    
        <h1 class="eui--blue-color eui--font-w-normal eui--font-48 eui--text-center page-title eui--margin-b-88">{{__("set_password")}}</h1>
    
        <div class="eui-login-form">
            <div class="eui-form-group">
                <label for="userName" class="eui-lable eui--font-26">
                    {{__("password")}}
                </label>
                <input id="userName" class="eui-input eui--font-26" type="text" placeholder="{{__('login_password_input_tips')}}">
                <div class="eui--pull-right eui--text-r">
                    <span class="eui-icon eui-icon-eye_open"></span>
                </div>
            </div>
            <div class="tips-text eui--margin-y-20">
                <p class="eui--949494-color eui--font-24">{{__("password_input_tips_1")}}</p>
                <p class="eui--949494-color eui--font-24">{{__("password_input_tips_2")}}</p>
            </div>
            <div class="eui-form-group">
                <label for="userName" class="eui-lable eui--font-26">
                    {{__("verifycode")}}
                </label>
                <input id="userName" class="eui-input eui--font-26" type="text" placeholder="{{__('register_phonecode_input_tips')}}">
                <div class="eui--pull-right eui--text-r">
                    <img src="{{site.cdn}}/code.jpg" alt="">
                </div>
            </div>
            <div class="agree eui--margin-y-20">
                <label>
                    <input type="checkbox" name="radioName" id="agree-text" hidden/>
                    <label for="agree-text" class="eui-login-radio"></label>
                    <span class="radio-name">{{__("login_procity_agree_tips_1")}}
                        <a class="eui--blue-color" href="javascript:;">{{__("login_procity_agree_tips_2")}}</a>{{__("login_procity_agree_tips_3")}}
                        <a class="eui--blue-color" href="javascript:;">{{__("login_procity_agree_tips_4")}}</a>
                    </span>
                </label>
            </div>
            <a class="eui-btn eui--width-100 eui-btn-lg eui-btn-primary eui--margin-t-100" href="javascript:;">{{__("btn_confirm")}}</a>
        </div>
        <div class="login-for-help eui--text-center">
            <a class="eui--556c96-color eui--font-26" href="/login/question">{{__("login_help")}}</a>
        </div>
    </div>
</div>
{% endblock %}